<script setup>
import { onMounted } from 'vue'
import { useRouter } from 'vue-router'

const router = useRouter()

onMounted(() => {
  console.log('App组件挂载完成')
})

// 显式导出router以防止Tree Shaking
window.vueRouter = router
</script>

<template>
  <div class="container">
    <RouterView />
  </div>
</template>



<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  /* background-color: #f5f5f5; */
}

.container {
  /* padding: 30vh 30vw; */
  width: 100vw;
  height: 100vh;
  /* background-color: #f5f5f5; */
}

#app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
</style>
